<div
  class="jhlite-chip"
  :class="moduleClass()"
  :ref="el => landscapeElements.set(module.slugString(), el)"
  :data-testid="`${module.slugString()}-module`"
  @mouseover="emphasizeModule()"
  @mouseleave="deEmphasizeModule()"
  @click="clickedModule()"
>
  <div class="jhlite-chip--title" :class="moduleClass()">
    {{ module.slugString() }}
    <IconVue
      v-if="isAppliedModule()"
      @click="applyModule()"
      name="ccw"
      aria-label="Reapply"
      title="Re-apply module"
      :data-testid="`module-${module.slug}-application-icon`"
    />
  </div>
  <div class="jhlite-chip--description" :class="moduleClass()">{{ module.operation() }}</div>
</div>
